82. Araxis Merge File Comparison Report

Produced by Araxis Merge on Fri Dec 13 16:40:55 2019 UTC. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a reasonably standards compliant browser such as the latest version of Firefox or Internet Explorer. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

82.1 Files compared

# Location File Last Modified
1 Fri Dec 13 16:40:55 2019 UTC
2 Porto v.3.2.2\Theme Files\Magento 1.x\Porto Theme\skin\frontend\smartwave\porto\css\header type26.css Mon Nov 25 16:48:34 2019 UTC

82.2 Comparison summary

Description Between
Files 1 and 2
Text Blocks Lines
Unchanged 0 0
Changed 0 0
Inserted 1 457
Removed 0 0

82.3 Comparison options

Whitespace All differences in whitespace within lines are ignored
Character case Differences in character case are significant
Line endings Differences in line endings (CR and LF characters) are ignored
CR/LF characters Not shown in the comparison detail

82.4 Active regular expressions

No regular expressions were active.

82.5 Comparison detail

        1   .header-co ntainer.ty pe26 {
        2       border : 0;
        3       backgr ound-color : #f6f7f9;
        4   }
        5   .header-co ntainer.ty pe26 a {
        6       color:  #222529;
        7   }
        8   .header-co ntainer.ty pe26 .head er-main-ce nter > .lo go {
        9       margin : 30px 0;
        10       displa y: block;
        11   }
        12   .header-co ntainer.ty pe26 .top- links-cont ainer {
        13       backgr ound-color : #fff;
        14       displa y: none;
        15   }
        16   .header-co ntainer.ty pe26 .sele ctbox .sel ect {
        17       color:  #222529;
        18   }
        19   .header-co ntainer.ty pe26 .comp are-link {
        20       line-h eight: 26p x;
        21       font-s ize: 11px;
        22       margin -left: 10p x;
        23       text-t ransform:  uppercase;
        24   }
        25   .header-co ntainer.ty pe26 .top- links-area  a {
        26       color:  #222529;
        27   }
        28   .header-co ntainer.ty pe26 > .he ader {
        29       displa y: flex;
        30       color:  #222529;
        31       line-h eight: 1.4 ;
        32   }
        33   .header-co ntainer.ty pe26 .head er-main-le ft, .heade r-containe r.type26 . header-mai n-right {
        34       flex:  1;
        35       displa y: flex;
        36       align- items: cen ter;
        37   }
        38   .header-co ntainer.ty pe26 .head er-main-le ft {
        39       paddin g: 27px 0;
        40   }
        41   .header-co ntainer.ty pe26 .head er-main-ri ght {
        42       paddin g: 22px 0;
        43       justif y-content:  flex-end;
        44   }
        45   .header-co ntainer.ty pe26 .head er-main-ri ght .custo m-block {
        46       font-s ize: 13px;
        47       displa y: inline- block;
        48       vertic al-align:  middle;
        49       flex:  0 0 auto;
        50   }
        51   .header-co ntainer.ty pe26 .head er-main-ri ght .custo m-block a  {
        52       color:  #222529;
        53       text-d ecoration:  none;
        54   }
        55   .header-co ntainer.ty pe26 .head er-main-ri ght .custo m-block a[ title="My  Account"]  > * {
        56       displa y: inline- block;
        57       vertic al-align:  middle;
        58       text-a lign: left ;
        59   }
        60   .header-co ntainer.ty pe26 .head er-main-ri ght .custo m-block a[ title="My  Account"]  > i {
        61       width:  50px;
        62       height : 50px;
        63       text-a lign: cent er;
        64       paddin g: 7px 0;
        65       border : 1px soli d #e7e7e7;
        66       border -radius: 5 0px;
        67       margin -right: 15 px;
        68       font-s ize: 25px;
        69   }
        70   .header-co ntainer.ty pe26 .wish list-link  {
        71       font-s ize: 27px;
        72       color:  #222529;
        73       displa y: inline- block;
        74       vertic al-align:  middle;
        75       margin -left: 24p x;
        76   }
        77   .header-co ntainer.ty pe26 .mini -cart .min i-products -list {pad ding: 10px  0 0;}
        78   .header-co ntainer.ty pe26 .myba g-link i {
        79       width:  25px;
        80       height : 20px;
        81       border : 2px soli d #222529;
        82       border -radius: 0  0 5px 5px ;
        83       positi on: relati ve;
        84       opacit y: .9;
        85       paddin g-right: 0 ;
        86       margin -top: 7px;
        87   }
        88   .header-co ntainer.ty pe26 .myba g-link i:b efore {
        89       conten t: '';
        90       positi on: absolu te;
        91       border : 2px soli d;
        92       border -color: in herit;
        93       border -bottom: n one;
        94       border -radius: 1 0px 10px 0  0;
        95       left:  50%;
        96       top: - 8px;
        97       margin -left: -7. 5px;
        98       width:  15px;
        99       height : 11px;
        100   }
        101   .header-co ntainer.ty pe26.heade r-newskin  .mybag-lin k {
        102       paddin g-right: 1 0px;
        103   }
        104   .header-co ntainer.ty pe26.heade r-newskin  .mybag-lin k .cart-qt y {
        105       right:  0;
        106       backgr ound-color : #ed5348;
        107   }
        108   .header-co ntainer.ty pe26 .mini -cart > a: after {dis play: none ;}
        109   .header-co ntainer.ty pe26 .mini -cart .top CartConten t {top:100 %;}
        110   .header-co ntainer.ty pe26 .head er .mini-c art {
        111       margin -left: 20p x;
        112   }
        113   .header-co ntainer.ty pe26 .head er-wrapper  {
        114       border -top: 1px  solid #f0f 0f0;
        115       border -bottom: 1 px solid # e7e7e7;
        116       backgr ound-color : #fff;
        117   }
        118   .header-co ntainer.ty pe26 .drop down-menu  > .menu-co ntainer >  a {
        119       width:  auto;
        120       backgr ound: none ;
        121       font-s ize: 15px;
        122       text-t ransform:  none;
        123       paddin g: 17px 20 px;
        124       height : 52px;
        125       border -right: 1p x solid #e 7e7e7;
        126       white- space: now rap;
        127       displa y: block;
        128       font-w eight: 700 ;
        129       line-h eight: 1;
        130       text-d ecoration:  none;
        131       transi tion: all  .1s;
        132   }
        133   .header-co ntainer.ty pe26 .drop down-menu  > .menu-co ntainer >  a > * {
        134       displa y: inline- block;
        135       vertic al-align:  middle;
        136       margin -right: 12 px;
        137   }
        138   .header-co ntainer.ty pe26 .drop down-menu  > .menu-co ntainer >  a:after {
        139       displa y: inline- block;
        140       vertic al-align:  middle;
        141       conten t: '\e81c' ;
        142       font-f amily: 'po rto';
        143   }
        144   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u:after {
        145       conten t: '';
        146       displa y: table;
        147       clear:  both;
        148   }
        149   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u>li {
        150       border -left: 1px  solid #e7 e7e7;
        151       margin : 0;
        152       float:  left;
        153   }
        154   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u>li:first -child {
        155       border -left: 0;
        156   }
        157   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u>li>a {
        158       font-s ize: 14px;
        159       font-w eight: 500 ;
        160       line-h eight: 22p x;
        161       letter -spacing:  0.14px;
        162       color:  #777777;
        163       paddin g: 15px 20 px;
        164       text-t ransform:  none;
        165       max-he ight: 52px ;
        166   }
        167   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u>li:hover >a {
        168       color:  #222529;
        169   }
        170   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u >li.menu -full-widt h >a:befor e, .header -container .type26 .c ustom-menu -block .ma in-nav ul. menu >li.m enu-item-h as-childre n >a:befor e, .header -container .type26 .c ustom-menu -block .ma in-nav ul. menu >li.m enu-static -width >a: before {
        171       displa y: none;
        172   }
        173   .header-co ntainer.ty pe26 .cust om-menu-bl ock .main- nav ul.men u >li.menu -full-widt h >a:after , .header- container. type26 .cu stom-menu- block .mai n-nav ul.m enu >li.me nu-item-ha s-children  >a:after,  .header-c ontainer.t ype26 .cus tom-menu-b lock .main -nav ul.me nu >li.men u-static-w idth >a:af ter {
        174       positi on: static ;
        175       displa y: inline- block;
        176       margin : 0;
        177       margin -left: 5px ;
        178       line-h eight: 1;
        179   }
        180   .header-co ntainer.ty pe26 .menu -wrapper # search_min i_form {
        181       displa y: block;
        182       margin -right: 0;
        183       width:  100%;
        184       height : 100%;
        185   }
        186   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h {
        187       overfl ow: visibl e;
        188       border : 0;
        189       border -radius: 0 ;
        190       positi on: relati ve;
        191       width:  100%;
        192       height : 100%;
        193       min-wi dth: 0;
        194       paddin g: 0;
        195       backgr ound-color : #fff;
        196       top: 0 ;
        197       right:  0;
        198       margin : 0;
        199       border -bottom: 2 px solid # 222529;
        200   }
        201   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h label {
        202       displa y: none;
        203   }
        204   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h #search  {
        205       border : 0;
        206       height : 100%;
        207       backgr ound-color : transpar ent;
        208       paddin g: 10px 50 px 10px 0;
        209       width:  100%;
        210       margin : 0;
        211       font-s ize: 14px;
        212       line-h eight: 20p x;
        213       border -radius: 2 0px 0 0 20 px;
        214       font-s tyle: ital ic;
        215   }
        216   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h #cat {
        217       margin : 0;
        218       width:  130px;
        219       height : 100%;
        220       backgr ound-color : transpar ent;
        221       border : 1px soli d #ccc;
        222       border -top: 0;
        223       border -bottom: 0 ;
        224       font-s ize: 13px;
        225       line-h eight: 34p x;
        226       color:  #777;
        227       paddin g: 2px 0;
        228       paddin g-left: 10 px;
        229       positi on: absolu te;
        230       right:  40px;
        231       border -radius: 0 ;
        232       -moz-a ppearance:  none;
        233       -webki t-appearan ce: none;
        234       top: 0 ;
        235       displa y: none;
        236   }
        237   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h #cat opt ion{color: #000;backg round:#fff }
        238   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h button.b utton {
        239       width:  38px;
        240       height : 50px;
        241       color:  #222529;
        242       backgr ound-color : transpar ent;
        243       font-s ize: 16px;
        244       positi on: absolu te;
        245       right:  0;
        246       top: 1 px;
        247       paddin g-right: 2 px;
        248   }
        249   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te{z-index :999}
        250   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te ul{bord er:1px sol id #ddd;ba ckground-c olor:#fff}
        251   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te li{text -align:lef t;padding: 5px 10px;c ursor:poin ter;color: #777}
        252   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te li .amo unt{float: right;font -weight:70 0}
        253   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te li.odd{ background -color:#ff f}
        254   .header-co ntainer.ty pe26 .menu -wrapper . form-searc h .search- autocomple te li.sele cted{backg round-colo r:#f7f7f7}
        255   .header-co ntainer.ty pe26 .sear ch-area {
        256       positi on: relati ve;
        257       margin : 0;
        258       displa y: inline- block;
        259       top: 0 ;
        260       left:  0;
        261       height : auto;
        262       z-inde x: 5;
        263       margin -right: 10 px;
        264       vertic al-align:  middle;
        265   }
        266   .header-co ntainer.ty pe26 .head er-main-ri ght .searc h-area {
        267       displa y: none;
        268   }
        269   .header-co ntainer.ty pe26 .sear ch-area a. search-ico n {
        270       displa y: block;
        271       margin : 0;
        272       width:  auto;
        273       text-t ransform:  uppercase;
        274       font-s ize: 11px;
        275       font-w eight: 700 ;
        276       letter -spacing:  1px;
        277   }
        278   .header-co ntainer.ty pe26 .menu -wrapper . search-are a > a {
        279       displa y: none;
        280   }
        281   .header-co ntainer.ty pe26 .sear ch-area a. search-ico n > span {
        282       displa y: none;
        283   }
        284   .header-co ntainer.ty pe26 .sear ch-area a. search-ico n > i{font -size:21px ;display:i nline-bloc k;vertical -align:mid dle;margin -right:0}
        285   .header-co ntainer.ty pe26 .sear ch-area a. search-ico n > i:befo re {
        286       font-w eight: 900 ;
        287   }
        288   .header-co ntainer.ty pe26 .icon -search:be fore {
        289       conten t: "\e884" ;
        290       font-w eight: 900 ;
        291   }
        292   .header-co ntainer.ty pe26 .sear ch-area a. search-ico n:hover{co lor:#141a1 f;text-dec oration:no ne}
        293   .header-co ntainer.ty pe26 #sear ch_mini_fo rm{width:a uto;displa y:none;mar gin:0}
        294   .header-co ntainer.ty pe26 .form -search {
        295       positi on: absolu te;
        296       right:  -30px;
        297       top: 1 00%;
        298       overfl ow: hidden ;
        299       min-wi dth: 300px ;
        300       width:  auto;
        301       border : 5px soli d rgba(0,0 ,0,0.1);
        302       backgr ound: #fff ;
        303       margin -top: 15px ;
        304       border -radius: 5 0px;
        305   }
        306   .header-co ntainer.ty pe26 .form -search bu tton.butto n, .header -container .type26 .f orm-search  #search,  .header-co ntainer.ty pe26 .form -search #c at{
        307       color:  #000;
        308   }
        309   .header-co ntainer.ty pe26 .wish list-link  > a {
        310       font-s ize: 27px;
        311   }
        312   .header-co ntainer.ty pe26 .menu -wrapper {
        313       displa y: flex;
        314       positi on: relati ve;
        315   }
        316   .header-co ntainer.ty pe26 .drop down-menu  {
        317       positi on: relati ve;
        318   }
        319   .header-co ntainer.ty pe26 .drop down-menu  + .custom- menu-block  {
        320       displa y: inline- block;
        321       line-h eight: 41p x;
        322       margin -right: au to;
        323   }
        324   .header-co ntainer.ty pe26 .menu -wrapper . search-are a {
        325       width:  33.3333%;
        326       margin -left: aut o;
        327       margin -right: 0;
        328       positi on: static ;
        329       margin -bottom: - 1px;
        330   }
        331   .header-co ntainer.ty pe26 .main -nav {
        332       positi on: static ;
        333   }
        334   .header-co ntainer.ty pe26 .menu .side-menu  {
        335       positi on: absolu te;
        336       top: 1 00%;
        337       width:  250px;
        338       left:  0;
        339       border -bottom: 0 ;
        340       border -top: 3px  solid #293 871;
        341       box-sh adow: 0 0  60px rgba( 0,0,0,.15) ;
        342       z-inde x: 3;
        343       backgr ound-color : #fff;
        344       visibi lity: hidd en;
        345       opacit y: 0;
        346       transi tion: all  .1s;
        347   }
        348   .header-co ntainer.ty pe26 .menu .side-menu .active {
        349       visibi lity: visi ble;
        350       opacit y: 1;
        351   }
        352   .header-co ntainer.ty pe26 .drop down-menu  > .menu-co ntainer >  a.active {
        353       backgr ound-color : #293871;
        354       color:  #fff;
        355   }
        356   .header-co ntainer.ty pe26 .menu .side-menu >li {
        357       border -top: 1px  solid rgba (0,0,0,0.1 25);
        358   }
        359   .header-co ntainer.ty pe26 .menu .side-menu >li:first- child {
        360       border -top: 0;
        361   }
        362   .header-co ntainer.ty pe26 .menu .side-menu >li>a {
        363       margin : 0;
        364       line-h eight: 49p x;
        365       font-s ize: 14px;
        366       font-w eight: 500 ;
        367       letter -spacing:  0.14px;
        368       text-t ransform:  none;
        369       color:  #777;
        370       paddin g: 0 15px;
        371       border : 0;
        372   }
        373   .header-co ntainer.ty pe26 .menu .side-menu  a:hover {
        374       line-h eight: 49p x;
        375   }
        376   .header-co ntainer.ty pe26 .menu .side-menu >li:hover  {
        377       backgr ound-color : #fff;
        378       color:  #222529;
        379   }
        380   .header-co ntainer.ty pe26 .menu .side-menu >li:hover  > a {
        381       color:  #222529;
        382   }
        383   .header-co ntainer.ty pe26 .menu .side-menu >li>a>i.ca tegory-ico n {
        384       margin -right: 11 px;
        385       font-s ize: 1.25e m;
        386       positi on: relati ve;
        387       top: 1 px;
        388   }
        389   .header-co ntainer.ty pe26.stick y-header . header-wra pper {
        390       paddin g: 0 !impo rtant;
        391       box-sh adow: none  !importan t;
        392   }
        393   .header-co ntainer.ty pe26.stick y-header . custom-men u-block .m ain-nav ul .menu>li>a  {
        394       paddin g: 15px 20 px !import ant;
        395   }
        396   @media (ma x-width: 1 199px) {
        397       .heade r-containe r.type26 . custom-men u-block .m ain-nav ul .menu>li>a  {
        398           fo nt-size: 1 2px;
        399           pa dding-left : 15px;
        400           pa dding-righ t: 15px;
        401       }
        402   }
        403   @media (ma x-width: 9 91px) {
        404       .heade r-containe r.type26 . header-mai n-left {
        405           di splay: non e;
        406       }
        407       .heade r-containe r.type26 . menu-icon  {
        408           di splay: inl ine-block;
        409           li ne-height:  1;
        410           he ight: auto ;
        411           ma rgin-right : 15px;
        412           pa dding: 0;
        413       }
        414       .heade r-containe r.type26 . header-mai n-center >  .logo {
        415           di splay: inl ine-block;
        416           ve rtical-ali gn: middle ;
        417       }
        418       .heade r-containe r.type26 . header-mai n-right .s earch-area  {
        419           di splay: inl ine-block;
        420           ve rtical-ali gn: middle ;
        421           ma rgin: 0;
        422           ma rgin-left:  25px;
        423       }
        424       .heade r-containe r.type26 . form-searc h {
        425           bo rder-radiu s: 50px!im portant;
        426       }
        427       .heade r-containe r.type26 . wishlist-l ink {
        428           ma rgin-left:  15px;
        429       }
        430   }
        431   @media (ma x-width: 7 67px) {
        432       .heade r-containe r.type26 . header-mai n-right .c ustom-bloc k {
        433           he ight: 0;
        434           ov erflow: hi dden;
        435           bo rder: 0;
        436           ma x-width: 4 0px;
        437       }
        438       .heade r-containe r.type26 . header-mai n-right .s earch-area  {
        439           ma rgin-left:  0;
        440       }
        441       .heade r-containe r.type26 . header-mai n-center {
        442           wh ite-space:  nowrap;
        443       }
        444       .heade r-containe r.type26 . header-mai n-center >  .logo {
        445           ma rgin: 22.5 px 0;
        446           al ign-self:  center;
        447       }
        448   }
        449   @media (ma x-width: 4 80px) {
        450       .heade r-containe r.type26 . form-searc h #cat {
        451           di splay: non e;
        452       }
        453       .heade r-containe r.type26 . form-searc h {
        454           ri ght: -105p x;
        455           pa dding-righ t: 40px;
        456       }
        457   }